<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<title>${webConfig.name}</title>
		<meta name="description" content="${webConfig.name}">
		<meta name="keywords" content="${webConfig.name}">
		<link href="${s.base}/pc/css/index.css" rel="stylesheet">
		<link href="${s.base}/pc/css/reset.css" rel="stylesheet">
		<link href="${s.base}/pc/css/style.css" rel="stylesheet" type="text/css">
		<link href="${s.base}/pc/css/swiper.min.css" rel="stylesheet" type="text/css">
		<script src="${s.base}/pc/js/jquery.min.js"></script>
		<script src="${s.base}/pc/js/jquery.SuperSlide.2.1.1.js"></script>
	</head>
	<body class="bg">
    <!--顶部菜单-->
	<div class="pheader">
		<div class="naview">
			<div class="nav">
				<dl class="lists active">
					<dt class="nt">
						品牌服务
					</dt>
				</dl>
				<ul class="navlist">
					<#list webNavigationList as webNavigation>
						<li <#if navId==webNavigation.id>class="cur"</#if>><a href="${webNavigation.url}">${webNavigation.name}</a></li>
					</#list>
				</ul>
			</div>
		</div>
	</div>
	<div class="w clearfix" style="position:relative;">
		<div class="cat_wrap">
			<div class="cat_header">
				<div class="cat_list" id="showService">


				</div>
			</div>
		</div>
	</div>
		<!-- 轮播 -->
		<div class="swiper-container swiper-container-h">
			<div class="swiper-wrapper banner-swiper-wrapper">
			</div>
			<div class="swiper-pagination swiper-pagination-white swiper-pagination-h"></div>
			<div class="swiper-button-next swiper-button-white swiper-next"></div>
			<div class="swiper-button-prev swiper-button-white swiper-prev"></div>
		</div>
		<div class="about_us">
			<div class="about_us_left">
				<div class="about_us_left_title">
					<span class="about_us_left_title_1">${webTagType.name}</span><span style="border-bottom: 1px solid #808080;"></span>
				</div>
				<div class="about_us_left_title_lift" id="titleShow">
					<#list webColumnList as webColumn>
						<#if webColumn_index == 0>
							<div class="active_lisy_tow" data-id="${webColumn.id}" data-desc="${webColumn.description}" data-name="${webColumn.name}" onclick="changeTag(this,'${webColumn.id}')"><p>${webColumn.name}</p></div>
							<#else>
								<div data-id="${webColumn.id}" ata-desc="${webColumn.description}" data-name="${webColumn.name}" onclick="changeTag(this,'${webColumn.id}')"><p>${webColumn.name}</p></div>
						</#if>
					</#list>
				</div>
				<div class="about_us_left_title">
					<span class="about_us_left_title_1">咨询平台</span><span style="border-bottom: 1px solid #808080;"></span>
				</div>
				<div class="linxitime">
					<img src="${s.base}/pc/img/3.png" alt="">
					<div class="linxitime_1">
						<p>门诊时间（无假日医院）</p>
						<p>08:30-19:30</p>
					</div>
				</div>
				<div class="linxitime">
					<img src="${s.base}/pc/img/3.png" alt="">
					<div class="linxitime_1">
						<p>预约咨询热线</p>
						<p>${webConfig.telephone}</p>
					</div>
				</div>
				<div class="linxitime">
					<img src="${s.base}/pc/img/3.png" alt="">
					<div class="linxitime_1">
						<p>来院路线</p>
						<p>${webConfig.address}</p>
					</div>
				</div>
				<div class="about_us_buttoms">
					<div class="zx_buttom_1">
						预约咨询
					</div>
					<div class="zx_buttom_1">
						免费预约
					</div>
				</div>
			</div>
			<div class="about_us_right" style="background:rgba(237,237,237,1); padding:0px;">
				<div class="about_us_right_second">
					<p id="showName">${webColumnType.name}&nbsp;&nbsp;&nbsp;<span style="font-size:12px; color:#808080;" id="showDesc">${webColumnType.description}</span> </p>
				</div>
				<div class="about_lists" id="showProduct">

				</div>

			</div>	
            <div style="clear:both;"></div>
		</div>
	<div class="footer">
		<p>${webConfig.siteNumber}&nbsp;&nbsp;&nbsp;&nbsp;地址：${webConfig.address}
			&nbsp;&nbsp;&nbsp;&nbsp;电话：${webConfig.telephone}</p>
	</div>
	<div class="fixed-right">
		<div class="kefu_box clearfix">
			<div class="kefu">
				<img src="${s.base}/pc/img/icon/side_icon1_1.png">
				<p>客服</p>
			</div>
			<div class="d d-service">
				<i class="arrow"></i>
				<div class="inner-box">
					<div class="d-service-item clearfix">
						<a href="#" class="clearfix"><span class="circleqq"><i class="i-qq"></i></span><h3>咨询在线客服</h3></a>
					</div>
				</div>
			</div>
		</div>
		<div class="yuyue_box clearfix">
			<div class="yuyue kefu">
				<img src="${s.base}/pc/img/icon/side_icon2_2.png">
				<p>服务热线</p>
			</div>
			<div class="d d-service-phone">
				<i class="arrow"></i>
				<div class="inner-box">
					<div class="d-service-item clearfix">
						<span class="circleqq"><i class="i-tel"></i></span>
						<div class="text">
							<p>服务热线</p>
							<p class="red number">${webConfig.telephone}</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="pay_box clearfix">
			<div class="pay kefu">
				<img src="${s.base}/pc/img/icon/side_icon3_3.png">
				<p>微信公众号</p>
			</div>
			<div class="d d-qrcode">
				<i class="arrow"></i>
				<div class="inner-box">
					<div class="qrcode-img"><img src="${webConfig.wechat}" alt=""></div>
					<p>微信公众号</p>
				</div>
			</div>
		</div>

	</div>
	</body>
</html>
<script src="${s.base}/pc/js/swiper.min.js"></script>

<script src="${s.base}/pc/js/index.js"></script>
<script src="${s.base}/pc/js/component.js"></script>
		<script>
            var configId='${webConfig.id}';
            var navId='${navId}';
            $(document).ready(function(e) {
                initDate();
            });
            function initDate() {
                acceptXygColumnTypeAndArticle('20190729145004089748111356894607',function (result) {
                    if(result.code==0){
                        var data=result.data;
                        var str='';
                        data.forEach(function (item,key,mapObj) {
                            str+='<div class="float for1" style="border-bottom: 1px solid #c5c5c5;">'+
                                '<div class="nav-title">'+
                                '<span>'+item.name+'</span>'+
                                '</div>'+
                                '<ul class="clearfix">';
                            if(item.webArticleList.length>0){
                                item.webArticleList.forEach(function (article,key,mapObj) {
                                    str+='<li onclick="jumpArticleDesc(\''+configId+'\',\''+article.id+'\',\''+navId+'\')">'+article.title+'</li>';
                                });
                            }
                            str+='</ul>'+
                                '</div>';
                        });
                        $("#showService").html(str);
                    }

                },6);
                acceptXygBanner('20190605224235030385207819993192','${webConfig.userId}',function (data) {
                    data.forEach(function (item,key,mapObj) {
                        $(".banner-swiper-wrapper").append('<div class="swiper-slide"><img src="'+item.image+'" style="width: 100%;height: 500px;" /></div>');

                    });
                    var swiper = new Swiper('.swiper-container-h', {
                        pagination: '.swiper-pagination-h',
                        paginationClickable: true,
                        nextButton: '.swiper-next',
                        prevButton: '.swiper-prev',
                        spaceBetween: 10,
                        centeredSlides: true,
                        autoplay: 2500,
                        autoplayDisableOnInteraction: false,
                        effect: 'fade'
                    });
                });

                sendPost('${colId}');
            }
            function sendPost(colId) {
                $("#showProduct").html("");
                acceptXygProduct(colId,'${webConfig.userId}',0,10000,function (result) {
                    if (result.code == 0){
                        if (result.data!=null && result.data.length > 0){
                            for(var i=0;i<result.data.length;i++){
                                var obj = result.data[i];
                                var content='<div class="about_list_block">' +
									'<img style="width:100%;height:223px;" src="'+obj.coverImage+'" /><div><p>'+obj.name+'</p><p>￥'+obj.persentPrice+'</p></div></div>';
                                $("#showProduct").append(content);
                            }
                        }
                    }
                });
            }
            function changeTag(obj,id) {
                $("#titleShow div").removeClass("active_lisy_tow");
                $(obj).addClass("active_lisy_tow");
                $("#showName").html($(obj).attr("data-name"));
                $("#showDesc").html($(obj).attr("data-desc"));
                sendPost(id);
            }
		</script>
